<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>BootstrapStart</title>
		<script src="./js/bootstrap.js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/bootstrap.js/bootstrap.bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/bootstrap.js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="./css/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<style type="text/css">
			ul,li{
				list-style: none;
			}
			/*.navi-lists{
				font-size: 2rem;
			}*/
			.nav-list{
				text-align: center;
			}

		</style>
	</head>
	<body>
      <nav class="navbar navbar-expand-lg navbar-light bg-light text-light">
          <a href="#" class="navbar-brand">网易 | 严选</a>
          <button type="button" class="navbar-toggler">
              <span class="navbar-toggler-icon"
                    data-toggle="collapse"
                    data-target="#WangYi"
                    aria-controls="WangYi"
                    aria-label="toggle navigation"
                    aria-expanded="false"></span>
          </button>
          <div class="collapse navbar-collapse" id="WangYi">
              <ul class="navbar-nav mr-auto">
                  <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-home"></i>Home</a></li>
                  <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-street-view"></i>Street</a></li>
                  <li class="nav-item"><a href="#" class="nav-link"><i class="fa fa-shopping-cart"></i>Shopping</a></li>
                  <li class="nav-item dropdown">
                      <a role="button"
                         href="#"
                         class="nav-link dropdown-toggle"
                         data-toggle="dropdown"
                         aria-haspopup="true"
                         aria-expanded="false"
                         id="dropDown">DropDown</a>
                      <div class="dropdown-menu" aria-labelledby="dropDown">
                          <a href="#" class="dropdown-item">Item1</a>
                          <a href="#" class="dropdown-item">Item2</a>
                          <a href="#" class="dropdown-item">Item3</a>
                          <div class="dropdown-divider"></div>
                          <a href="#" class="dropdown-item">Item4</a>
                      </div>
                  </li>
              </ul>
              <form class="form-inline">
                  <input type="search" class="form-control" placeholder="Search" aria-label="Search">
                  <button class="btn btn-outline-success" type="submit">Search</button>
              </form>
          </div>
      </nav>
	</body>
</html>
